<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="contextPath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>指标达成</title>
        <link href="${contextPath}/static/optimization/css/bootstrap.min.css" rel="stylesheet" />
        <link href="${contextPath}/static/optimization/fontAwesome/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="${contextPath}/static/css/report/indicators.css">
		<script src="${contextPath}/static/plugins/echarts/3.3.1/echarts.min.js"></script>
		<script src="${contextPath}/static/js/jquery/jquery-2.0.3.min.js"></script>
		<script type="text/javascript">
		var merchantId = '${merchantId}';
		var projectConfit={
				apiUrl:'${dataBuildingUrl}'
	    };
		</script>
	</head>
	
	<body>
		  <div class="container-main">
		    <div class="col-xs-12 row mB30">
		      <div  class="txt_title"><i class="fa fa-area-chart theme-color-set"></i>各城市公司指标达成率【年度、月度】</div>
		      <div class="tit_jk">
		        <p><span id='xmjkValue1' class="col01">认购</span></p>
		        <p><span id='xmjkValue2' class="col02">签约</span></p>
		        <p><span id='xmjkValue3' class="col03">回款</span></p>
		      </div>
		      <div class="col-xs-4" id="echarts1" style="height:300px;"></div>
		      <div class="col-xs-4" id="echarts2" style="height:300px;"></div>
		      <div class="col-xs-4" id="echarts3" style="height:300px;"></div>
		    </div>
		    <div class="col-xs-12 col-lg-6 row">
		      <div class="txt_title"><i class="fa fa-pie-chart theme-color-set"></i>各业态累计销售金额及比例</div>
		      <select id="selectMonths" onchange="init_ljxs('echarts4')" class="form-control select-list">
		        <option value="" selected="selected">全部</option>
		        <option value="01">一月</option>
		        <option value="02">二月</option>
		        <option value="03">三月</option>
		        <option value="04">四月</option>
		        <option value="05">五月</option>
		        <option value="06">六月</option>
		        <option value="07">七月</option>
		        <option value="08">八月</option>
		        <option value="09">九月</option>
		        <option value="10">十月</option>
		        <option value="11">十一月</option>
		        <option value="12">十二月</option>
		      </select>
		      <div id="echarts4" style="height:300px;"></div>
		    </div>
		    <div class="col-xs-12 col-lg-6 row">
		      <div  class="txt_title"><i class="fa fa-align-left theme-color-set"></i>未收款预警</div>
		      <div id="echarts5" style="height:340px;"></div>
		    </div>
		  </div>
		<script src="${contextPath}/static/js/report/indicators.js"></script>
	</body>

</html>